<template>
<div>
    cson&ensp;
    <input type="text" placeholder="旅行商问题"> <button>打开APP</button>
    <ul>
        <li>关注</li>
        <li class="tui">推荐</li>
        <li>咨讯</li>
        <li>热榜</li>
        <li>动态</li>
        <li>有红包</li>
    </ul>
    <dl>
        <dt>
            <p>fdiaslgfdvbksAcbeuwy</p>
            <p>【Ubuntu20.04】安装XRDP远程桌面服务</p>
            <p>287阅读 0评论</p>
        </dt>
        <dd>
            <img src="../assets/logo.png" alt="">
        </dd>
    </dl>
    <hr>
    <dl>
        <dt>
            <p>fdiaslgfdvbksAcbeuwy</p>
            <p>【Ubuntu20.04】安装XRDP远程桌面服务</p>
            <p>287阅读 0评论</p>
        </dt>
        <dd>
            <img src="../assets/logo.png" alt="">
        </dd>
    </dl>
    <hr>
    <dl>
        <dt>
            <p>fdiaslgfdvbksAcbeuwy</p>
            <p>【Ubuntu20.04】安装XRDP远程桌面服务</p>
            <p>287阅读 0评论</p>
        </dt>
        <dd>
            <img src="../assets/logo.png" alt="">
        </dd>
    </dl>
    <hr>
    <dl>
        <dt>
            <p>fdiaslgfdvbksAcbeuwy</p>
            <p>【Ubuntu20.04】安装XRDP远程桌面服务</p>
            <p>287阅读 0评论</p>
        </dt>
        <dd>
            <img src="../assets/logo.png" alt="">
        </dd>
    </dl>
</div>
</template>
<script setup>
</script>
<style scoped>
button{
    color: red;
    border: 1px solid red;
    border-radius: 15px;
}
ul{
    margin-left: -190px;
}
li{
    float: left;
    list-style: none;
    font-size: 120px;
    margin-right: 50px;
    color: #8c8c8c;
    height: 180px;
}
.tui{
    border-bottom: 1px solid #000;
}
dl{
    margin-top: -100px;
}
dt{
    width: 1200px;
    /* float: left; */

}
dt p{
    font-size: 100px;
}
dd img{
    float: right;
    margin-top: -600px;
}
img{
    width: 500px;
    height: 500px;
}
</style>